.page-index{
    min-height: 95vh;
    height: 100%;
    overflow-y: scroll;
    .bidding{
        &__list{
            position: relative;
            width: rem(720);
            background-color: #fff;
            border-radius: 2px;
            margin: 0 auto rem(24);
            overflow: hidden;
        }

        &__status{
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            height: 0;
            border-top: rem(80) solid transparent;
            border-right: rem(80) solid transparent;
            &-text{
                line-height: 1;
                font-size: 12px;
                white-space: nowrap;
                position: absolute;
                top: rem(-62);
                transform: rotate(-45deg) scale(.9);
            }
            &.z-notStart{
                border-top-color: #d1d1d1;
                color: #666;
            }
            &.z-ing{
                border-top-color: #bbe1ff;
                color: #0090FF;
            }
            &.z-end{
                border-top-color: #f0f0f0;
                color: #cacaca;
            }
        }

        &--header{
            font-size: 14px;
            color: #141414;
            letter-spacing: 0;
            padding: rem(58) rem(58) 0;
            @include text-line(1);
        }
        &__body{
            padding: rem(32) rem(58);
        }
        &__info{
            font-size: 12px;
            letter-spacing: 0;
            line-height: 12px;
            &:not(:first-child){
                margin-top: rem(16);
            }
            &--label{
                color: #454545;
            }
            &--text{
                color: #888;
            }
        }
        &__footer{
            border-top: 1px solid #f8f8f8;
            padding: rem(28) rem(24);
            display: flex;
            justify-content: flex-end;
            align-items: center;
            &--lookInfo{
                font-size: 13px;
                letter-spacing: 0;
                line-height: 13px;
                padding: rem(10) rem(28);
                border-radius: 2px;
                color: #0090ff;
                border: 1px solid #0090ff;
            }
            &--goBidding{
                font-size: 13px;
                letter-spacing: 0;
                line-height: 13px;
                padding: rem(10) rem(28);
                border-radius: 2px;
                color: #fff;
                border: 1px solid #0090ff;
                background-color: #0090ff;
                margin-left: rem(40);
                &.f-noStart{
                    color: #b0deff ;
                    border-color: #d9efff;
                    background-color: #d9efff;;
                }
            }
        }
    }

    .i-goUserInfo{
        position: fixed;
        z-index: 10;
        right: rem(46);
        bottom: rem(180);
        font-size: 44px;
        color: #fb8123;
        text-shadow: 0 2px 4px rgba(#fb8123,.7);
    }

}
